import React,{Component, component, Fragment} from "react";
import { RightOutlined } from "@ant-design/icons";
import {DetOneList} from "../../styled/detlist";
export default class detlist extends Component{
    constructor(props){
        super(props)
        this.state={
            totalEssay:""
        } 
    }
    componentWillReceiveProps(nextProps) {
        console.log(nextProps)
        console.log("-------------------------------------")
        console.log(this.props)
        if(!nextProps){
            setTimeout(10)
        }
    }
    componentWillMount(){
        console.log(this.props)
    }
    render(){
        let {info} = this.props
        // for(let i=0;i<=10 ; i++){
        //     if(info){
                return (
                        <DetOneList>
                            <div className="detdiv">
                                <p>{info?"you":"meiyou"}</p>
                                <dl>
                                    <dd><img src="images/det(1).png" alt=""/></dd>
                                    <dt>
                                        {/* <h3>{info.title}</h3>
                                        <p>{info.autor}</p> */}
                                    </dt>
                                </dl>
                                <span><RightOutlined /></span>
                            </div>
                            <hr/>
                        </DetOneList>
                )

            }
    //     }
    // }
}